<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

    <title>首页</title>
    <script src="js/rem.js"></script>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="font/iconfont.css">

</head>

<body>
    <div class="search-top clearfix">
        <div class="select-city fl">乌鲁木齐<img src="image/backIcon.png" class="down-icon">
        </div>

        <input type="text" class="class-input fl" placeholder="城市/拼音">
        <div class="class-search-btn fl">
            <img src="image/searchIcon.png" alt="" class="search-icon">
        </div>

    </div>
    <!-- 轮播图开始 -->
    <div class="swiper-container1 class-banner">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="image/banner1.png" alt=""></div>
            <div class="swiper-slide"><img src="image/banner1.png" alt=""></div>
            <div class="swiper-slide"><img src="image/banner1.png" alt=""></div>

        </div>

        <div class="swiper-pagination"></div>
    </div>
    <!-- 轮播图结束 -->
    <div class="prefecture">
        <img src="image/pic2.png" alt="">
    </div>
    <div class="index-slider container">
        <div class="new-shop-title clearfix">
            <div class="new-shop-title-left fl flex-box">
                <img src="image/pic3.png">
                <p>:<span>推荐</span></p>
                <p>懒虫健身ESM训练</p>
            </div>
            <div class="more-right fr flex-box">
                <span></span> <a href="#">更多</a>
            </div>

        </div>
        <!-- 轮播图开始 -->
        <div class="swiper-container2 new-shop-slide">
            <div class="swiper-wrapper">
                <div class="swiper-slide flex-space-between">
                    <div class="slide-list">
                        <img src="image/pic4.png" alt="" class="shop-pic">
                        <p class="shop-name">懒虫健身EMS训练懒虫健身EMS训练</p>
                        <div class="shop-list-footer flex-space-between">
                            <p><span>￥</span>118.00</p>
                            <p><img src="image/redIcon.png" alt=""><span>5</span></p>
                            <p>正在抢购</p>
                        </div>
                    </div>
                    <div class="slide-list">
                        <img src="image/pic4.png" alt="" class="shop-pic">
                        <p class="shop-name">懒虫健身EMS训练懒虫健身EMS训练</p>
                        <div class="shop-list-footer flex-space-between">
                            <p><span>￥</span>118.00</p>
                            <p><img src="image/redIcon.png" alt=""><span>5</span></p>
                            <p>正在抢购</p>
                        </div>
                    </div>


                </div>

                <div class="swiper-slide flex-space-between">
                    <div class="slide-list">
                        <img src="image/shopPic1.png" alt="" class="shop-pic">
                        <p class="shop-name">懒虫健身EMS训练懒虫健身EMS训练</p>
                        <div class="shop-list-footer flex-space-between">
                            <p><span>￥</span>118.00</p>
                            <p><img src="image/redIcon.png" alt=""><span>5</span></p>
                            <p>正在抢购</p>
                        </div>
                    </div>
                    <div class="slide-list">
                        <img src="image/pic4.png" alt="" class="shop-pic">
                        <p class="shop-name">懒虫健身EMS训练懒虫健身EMS训练</p>
                        <div class="shop-list-footer flex-space-between">
                            <p><span>￥</span>118.00</p>
                            <p><img src="image/redIcon.png" alt=""><span>5</span></p>
                            <p>正在抢购</p>
                        </div>
                    </div>


                </div>
                <div class="swiper-slide flex-space-between">
                    <div class="slide-list">
                        <img src="image/pic4.png" alt="" class="shop-pic">
                        <p class="shop-name">懒虫健身EMS训练懒虫健身EMS训练</p>
                        <div class="shop-list-footer flex-space-between">
                            <p><span>￥</span>118.00</p>
                            <p><img src="image/redIcon.png" alt=""><span>5</span></p>
                            <p>正在抢购</p>
                        </div>
                    </div>
                    <div class="slide-list">
                        <img src="image/shopPic1.png" alt="" class="shop-pic">
                        <p class="shop-name">懒虫健身EMS训练懒虫健身EMS训练</p>
                        <div class="shop-list-footer flex-space-between">
                            <p><span>￥</span>118.00</p>
                            <p><img src="image/redIcon.png" alt=""><span>5</span></p>
                            <p>正在抢购</p>
                        </div>
                    </div>


                </div>

            </div>

            <div class="swiper-pagination"></div>
        </div>
        <!-- 轮播图结束 -->
    </div>
    <div class="arrival">
        <div class="arrival-title flex-space-between">
            <img src="image/pic5.png" alt="">
            <a href="#">查看更多></a>
        </div>
        <div class="swiper-container3 arrival-shop-slider">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><div class="arrival-shop flex-space-between">
                    <div class="arrival-shop-list">
                        <img src="image/pic16.png" alt="" class="shop-pic">
                        <p class="shop-name">羊角豆腐干</p>
                        <div class="arrival-shop-footer flex-space-between">
                            <p class="shop-price"><span>￥</span>10</p>
                            <p><img src="image/redIcon.png" alt=""><span>￥5</span></p>
                        </div>
                    </div>
                    <div class="arrival-shop-list">
                        <img src="image/pic16.png" alt="" class="shop-pic">
                        <p class="shop-name">羊角豆腐干</p>
                        <div class="arrival-shop-footer flex-space-between">
                            <p class="shop-price"><span>￥</span>10</p>
                            <p><img src="image/redIcon.png" alt=""><span>￥5</span></p>
                        </div>
                    </div>
                    <div class="arrival-shop-list">
                        <img src="image/pic16.png" alt="" class="shop-pic">
                        <p class="shop-name">羊角豆腐干</p>
                        <div class="arrival-shop-footer flex-space-between">
                            <p class="shop-price"><span>￥</span>10</p>
                            <p><img src="image/redIcon.png" alt=""><span>￥5</span></p>
                        </div>
                    </div>
                    <div class="arrival-shop-list">
                        <img src="image/pic16.png" alt="" class="shop-pic">
                        <p class="shop-name">羊角豆腐干</p>
                        <div class="arrival-shop-footer flex-space-between">
                            <p class="shop-price"><span>￥</span>10</p>
                            <p><img src="image/redIcon.png" alt=""><span>￥5</span></p>
                        </div>
                    </div>
                </div></div>
                <div class="swiper-slide"><div class="arrival-shop flex-space-between">
                    <div class="arrival-shop-list">
                        <img src="image/pic16.png" alt="" class="shop-pic">
                        <p class="shop-name">羊角豆腐干</p>
                        <div class="arrival-shop-footer flex-space-between">
                            <p class="shop-price"><span>￥</span>10</p>
                            <p><img src="image/redIcon.png" alt=""><span>￥5</span></p>
                        </div>
                    </div>
                    <div class="arrival-shop-list">
                        <img src="image/pic16.png" alt="" class="shop-pic">
                        <p class="shop-name">羊角豆腐干</p>
                        <div class="arrival-shop-footer flex-space-between">
                            <p class="shop-price"><span>￥</span>10</p>
                            <p><img src="image/redIcon.png" alt=""><span>￥5</span></p>
                        </div>
                    </div>
                    <div class="arrival-shop-list">
                        <img src="image/pic16.png" alt="" class="shop-pic">
                        <p class="shop-name">羊角豆腐干</p>
                        <div class="arrival-shop-footer flex-space-between">
                            <p class="shop-price"><span>￥</span>10</p>
                            <p><img src="image/redIcon.png" alt=""><span>￥5</span></p>
                        </div>
                    </div>
                    <div class="arrival-shop-list">
                        <img src="image/pic16.png" alt="" class="shop-pic">
                        <p class="shop-name">羊角豆腐干</p>
                        <div class="arrival-shop-footer flex-space-between">
                            <p class="shop-price"><span>￥</span>10</p>
                            <p><img src="image/redIcon.png" alt=""><span>￥5</span></p>
                        </div>
                    </div>
                </div></div>
                <div class="swiper-slide"><div class="arrival-shop flex-space-between">
                    <div class="arrival-shop-list">
                        <img src="image/pic16.png" alt="" class="shop-pic">
                        <p class="shop-name">羊角豆腐干</p>
                        <div class="arrival-shop-footer flex-space-between">
                            <p class="shop-price"><span>￥</span>10</p>
                            <p><img src="image/redIcon.png" alt=""><span>￥5</span></p>
                        </div>
                    </div>
                    <div class="arrival-shop-list">
                        <img src="image/pic16.png" alt="" class="shop-pic">
                        <p class="shop-name">羊角豆腐干</p>
                        <div class="arrival-shop-footer flex-space-between">
                            <p class="shop-price"><span>￥</span>10</p>
                            <p><img src="image/redIcon.png" alt=""><span>￥5</span></p>
                        </div>
                    </div>
                    <div class="arrival-shop-list">
                        <img src="image/pic16.png" alt="" class="shop-pic">
                        <p class="shop-name">羊角豆腐干</p>
                        <div class="arrival-shop-footer flex-space-between">
                            <p class="shop-price"><span>￥</span>10</p>
                            <p><img src="image/redIcon.png" alt=""><span>￥5</span></p>
                        </div>
                    </div>
                    <div class="arrival-shop-list">
                        <img src="image/pic16.png" alt="" class="shop-pic">
                        <p class="shop-name">羊角豆腐干</p>
                        <div class="arrival-shop-footer flex-space-between">
                            <p class="shop-price"><span>￥</span>10</p>
                            <p><img src="image/redIcon.png" alt=""><span>￥5</span></p>
                        </div>
                    </div>
                </div></div>
    
            </div>
    
          
        </div>
        
    </div>
    <div class="rush-shop">
        <div class="rush-shop-box">
            <div class="arrival-title flex-space-between">
                <img src="image/pic17.png" alt="">
                <a href="#">查看更多></a>
            </div>
            <div class="rush-shop-list-box flex-space-between">
                <div class="rush-shop-list">
                    <div class="shop-tag">
                        <img src="image/pic6.png" alt="">
                        <p>满100减20</p>
                    </div>
                    <img src="image/pic18.png" alt="" class="shop-pic">
                    <div class="shop-name-and-weight flex-space-between">
                        <p class="shop-name">正宗海南椰青9个</p>
                        <p class="weight">10kg</p>
                    </div>
                    <div class="des">清爽多汁，甘甜可口</div>
                    <div class="shop-list-footer flex-space-between">
                        <p><span>￥</span>118.00</p>
                        <p><img src="image/redIcon.png" alt=""><span>5</span></p>
                        <p>正在抢购</p>
                    </div>
                </div>
                <div class="rush-shop-list">
                    <div class="shop-tag">
                        <img src="image/pic6.png" alt="">
                        <p>满100减20</p>
                    </div>
                    <img src="image/pic18.png" alt="" class="shop-pic">
                    <div class="shop-name-and-weight flex-space-between">
                        <p class="shop-name">正宗海南椰青9个</p>
                        <p class="weight">10kg</p>
                    </div>
                    <div class="des">清爽多汁，甘甜可口</div>
                    <div class="shop-list-footer flex-space-between">
                        <p><span>￥</span>118.00</p>
                        <p><img src="image/redIcon.png" alt=""><span>5</span></p>
                        <p>正在抢购</p>
                    </div>
                </div>
                <div class="rush-shop-list">
                    <div class="shop-tag">
                        <img src="image/pic6.png" alt="">
                        <p>满100减20</p>
                    </div>
                    <img src="image/pic18.png" alt="" class="shop-pic">
                    <div class="shop-name-and-weight flex-space-between">
                        <p class="shop-name">正宗海南椰青9个</p>
                        <p class="weight">10kg</p>
                    </div>
                    <div class="des">清爽多汁，甘甜可口</div>
                    <div class="shop-list-footer flex-space-between">
                        <p><span>￥</span>118.00</p>
                        <p><img src="image/redIcon.png" alt=""><span>5</span></p>
                        <p>正在抢购</p>
                    </div>
                </div>
                <div class="rush-shop-list">
                    <div class="shop-tag">
                        <img src="image/pic6.png" alt="">
                        <p>满100减20</p>
                    </div>
                    <img src="image/pic18.png" alt="" class="shop-pic">
                    <div class="shop-name-and-weight flex-space-between">
                        <p class="shop-name">正宗海南椰青9个</p>
                        <p class="weight">10kg</p>
                    </div>
                    <div class="des">清爽多汁，甘甜可口</div>
                    <div class="shop-list-footer flex-space-between">
                        <p><span>￥</span>118.00</p>
                        <p><img src="image/redIcon.png" alt=""><span>5</span></p>
                        <p>正在抢购</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <img src="image/pic7.png" alt="" class="local-speciality-banner">
    <div class="arrival">
        <div class="arrival-title flex-space-between edit-select">
            <h2>编辑精选</h2>
            <a href="#">查看更多></a>
        </div>
        <div class="arrival-shop flex-space-between">
            <div class="arrival-shop-list">
                <img src="image/pic16.png" alt="" class="shop-pic">
                <p class="shop-name">羊角豆腐干</p>
                <div class="arrival-shop-footer flex-space-between">
                    <p class="shop-price"><span>￥</span>10</p>
                    <p><img src="image/redIcon.png" alt=""><span>￥5</span></p>
                </div>
            </div>
            <div class="arrival-shop-list">
                <img src="image/pic16.png" alt="" class="shop-pic">
                <p class="shop-name">羊角豆腐干</p>
                <div class="arrival-shop-footer flex-space-between">
                    <p class="shop-price"><span>￥</span>10</p>
                    <p><img src="image/redIcon.png" alt=""><span>￥5</span></p>
                </div>
            </div>
            <div class="arrival-shop-list">
                <img src="image/pic16.png" alt="" class="shop-pic">
                <p class="shop-name">羊角豆腐干</p>
                <div class="arrival-shop-footer flex-space-between">
                    <p class="shop-price"><span>￥</span>10</p>
                    <p><img src="image/redIcon.png" alt=""><span>￥5</span></p>
                </div>
            </div>
            <div class="arrival-shop-list">
                <img src="image/pic16.png" alt="" class="shop-pic">
                <p class="shop-name">羊角豆腐干</p>
                <div class="arrival-shop-footer flex-space-between">
                    <p class="shop-price"><span>￥</span>10</p>
                    <p><img src="image/redIcon.png" alt=""><span>￥5</span></p>
                </div>
            </div>
        </div>
    </div>
    <div class="rush-shop select-shop-box">
        <div class="rush-shop-box">
            <div class="rush-shop-list-box flex-space-between">
                <div class="rush-shop-list">
                    <div class="shop-tag">
                        <img src="image/pic6.png" alt="">
                        <p>满100减20</p>
                    </div>
                    <img src="image/pic18.png" alt="" class="shop-pic">
                    <div class="shop-name-and-weight flex-space-between">
                        <p class="shop-name">正宗海南椰青9个</p>
                        <p class="weight">10kg</p>
                    </div>
                    <div class="des">清爽多汁，甘甜可口</div>
                    <div class="shop-list-footer flex-space-between">
                        <p><span>￥</span>118.00</p>
                        <p><img src="image/redIcon.png" alt=""><span>5</span></p>
                        <p>正在抢购</p>
                    </div>
                </div>
                <div class="rush-shop-list">
                    <div class="shop-tag">
                        <img src="image/pic6.png" alt="">
                        <p>满100减20</p>
                    </div>
                    <img src="image/pic18.png" alt="" class="shop-pic">
                    <div class="shop-name-and-weight flex-space-between">
                        <p class="shop-name">正宗海南椰青9个</p>
                        <p class="weight">10kg</p>
                    </div>
                    <div class="des">清爽多汁，甘甜可口</div>
                    <div class="shop-list-footer flex-space-between">
                        <p><span>￥</span>118.00</p>
                        <p><img src="image/redIcon.png" alt=""><span>5</span></p>
                        <p>正在抢购</p>
                    </div>
                </div>
                <div class="rush-shop-list">
                    <div class="shop-tag">
                        <img src="image/pic6.png" alt="">
                        <p>满100减20</p>
                    </div>
                    <img src="image/pic18.png" alt="" class="shop-pic">
                    <div class="shop-name-and-weight flex-space-between">
                        <p class="shop-name">正宗海南椰青9个</p>
                        <p class="weight">10kg</p>
                    </div>
                    <div class="des">清爽多汁，甘甜可口</div>
                    <div class="shop-list-footer flex-space-between">
                        <p><span>￥</span>118.00</p>
                        <p><img src="image/redIcon.png" alt=""><span>5</span></p>
                        <p>正在抢购</p>
                    </div>
                </div>
                <div class="rush-shop-list">
                    <div class="shop-tag">
                        <img src="image/pic6.png" alt="">
                        <p>满100减20</p>
                    </div>
                    <img src="image/pic18.png" alt="" class="shop-pic">
                    <div class="shop-name-and-weight flex-space-between">
                        <p class="shop-name">正宗海南椰青9个</p>
                        <p class="weight">10kg</p>
                    </div>
                    <div class="des">清爽多汁，甘甜可口</div>
                    <div class="shop-list-footer flex-space-between">
                        <p><span>￥</span>118.00</p>
                        <p><img src="image/redIcon.png" alt=""><span>5</span></p>
                        <p>正在抢购</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <img src="image/pic8.png" alt="" class="travel-holiday-banner">
    <div class="country-class flex-space-between">
        <a href="#"><img src="image/pic9.png" alt=""></a>
        <a href="#"><img src="image/pic10.png" alt=""></a>
        <a href="#"><img src="image/pic11.png" alt=""></a>
    </div>
    <div class="arrival">
            <div class="arrival-title flex-space-between edit-select">
                <h2>特价旅游</h2>
                <a href="#">查看更多&gt;</a>
            </div>
            <div class="arrival-shop flex-space-between">
                <div class="arrival-shop-list">
                    <img src="image/pic12.png" alt="" class="shop-pic">
                    <p class="shop-name">羊角豆腐干</p>
                    <div class="arrival-shop-footer flex-space-between">
                        <p class="shop-price"><span>￥</span>10</p>
                        <p><img src="image/redIcon.png" alt=""><span>￥5</span></p>
                    </div>
                </div>
                <div class="arrival-shop-list">
                    <img src="image/pic12.png" alt="" class="shop-pic">
                    <p class="shop-name">羊角豆腐干</p>
                    <div class="arrival-shop-footer flex-space-between">
                        <p class="shop-price"><span>￥</span>100</p>
                        <p><img src="image/redIcon.png" alt=""><span>￥5</span></p>
                    </div>
                </div>
                <div class="arrival-shop-list">
                    <img src="image/pic12.png" alt="" class="shop-pic">
                    <p class="shop-name">羊角豆腐干</p>
                    <div class="arrival-shop-footer flex-space-between">
                        <p class="shop-price"><span>￥</span>1000</p>
                        <p><img src="image/redIcon.png" alt=""><span>￥5</span></p>
                    </div>
                </div>
                <div class="arrival-shop-list">
                    <img src="image/pic12.png" alt="" class="shop-pic">
                    <p class="shop-name">羊角豆腐干</p>
                    <div class="arrival-shop-footer flex-space-between">
                        <p class="shop-price"><span>￥</span>100</p>
                        <p><img src="image/redIcon.png" alt=""><span>￥5</span></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="arrival-title flex-space-between edit-select">
                <h2>热门目的地</h2>
                <a href="#">查看更多&gt;</a>
        </div>
        <div class="hot-city-box flex-space-between">
            <a href=""><img src="image/pic13.png" alt=""></a>
            <a href=""><img src="image/pic14.png" alt=""></a>
            <a href=""><img src="image/pic15.png" alt=""></a>
        </div>
        <div class="hot-city flex-space-between container">
                <a href=""><p>四川</p><p>峨眉</p></a>
                <a href=""><p>重庆</p><p>仙女山</p></a>
                <a href=""><p>福建</p><p>武夷山</p></a>
                <a href=""><p>泰国</p><p>武夷山</p></a>
                <a href=""><p>柬埔寨</p><p>武夷山</p></a>
                <a href=""><p>新家坡</p><p>武夷山</p></a>
            </div>
    <div style="height:1.8rem;"></div>
    <!-- 底部选项卡开始 -->
    <div class="footer">
        <ul class="flex-space-between">
            <li class="active">
                <a href="#">
                    <p class="iconfont icon-shouye"></p>
                    <p>首页</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <p class="iconfont icon-leimupinleifenleileibie"></p>
                    <p>分类</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <p class="iconfont icon-gouwuche1"></p>
                    <p>购物车</p>
                    <strong>20</strong>
                </a>
            </li>
            <li>
                <a href="#">
                    <p class="iconfont icon-wode"></p>
                    <p>个人中心</p>
                </a>
            </li>
        </ul>

    </div>
    <!-- 底部选项卡结束 -->
    <script src="js/jquery.min.js"></script>
    <script src="js/swiper.min.js"></script>
    <script>
        var swiper = new Swiper('.swiper-container1', {
            pagination: {
                el: '.swiper-pagination'

            },
            autoplay: {
                delay: 3000
            }
        });
        var swiper3 = new Swiper('.swiper-container2', {
            pagination: {
                el: '.swiper-pagination'

            },
            autoplay: {
                delay: 5000
            }
        });
        var swiper3 = new Swiper('.swiper-container3', {
            pagination: {
                el: '.swiper-pagination'

            },
            autoplay: false
        });
        
    </script>
    <script src="js/common.js"></script>
</body>

</html>